refactor(build): replace paths aliases with relative paths

Using paths aliases starting with "@" can be confusing and can lead to
conflict with existings modules. I prefer to use relative paths to
avoid extra configuration in tools because of these aliases.

1 files changed, 30 insertions, 27 deletions

diff --git a/src/pages/projets/[slug].tsx b/src/pages/projets/[slug].tsx
index 79c3760..1614b1b 100644
--- a/src/pages/projets/[slug].tsx
+++ b/src/pages/projets/[slug].tsx
@@ -1,46 +1,49 @@
-import Link from '@components/atoms/links/link';
+import { MDXComponents, NestedMDXComponents } from 'mdx/types';
+import { GetStaticPaths, GetStaticProps } from 'next';
+import dynamic from 'next/dynamic';
+import Head from 'next/head';
+import { useRouter } from 'next/router';
+import Script from 'next/script';
+import { ComponentType } from 'react';
+import { useIntl } from 'react-intl';
+import Link from '../../components/atoms/links/link';
 import SocialLink, {
   type SocialWebsite,
-} from '@components/atoms/links/social-link';
-import Spinner from '@components/atoms/loaders/spinner';
+} from '../../components/atoms/links/social-link';
+import Spinner from '../../components/atoms/loaders/spinner';
 import ResponsiveImage, {
   ResponsiveImageProps,
-} from '@components/molecules/images/responsive-image';
-import Code from '@components/molecules/layout/code';
-import Gallery from '@components/organisms/images/gallery';
+} from '../../components/molecules/images/responsive-image';
+import Code from '../../components/molecules/layout/code';
+import Gallery from '../../components/organisms/images/gallery';
 import Overview, {
   type OverviewMeta,
-} from '@components/organisms/layout/overview';
-import Sharing from '@components/organisms/widgets/sharing';
-import { getLayout } from '@components/templates/layout/layout';
+} from '../../components/organisms/layout/overview';
+import Sharing from '../../components/organisms/widgets/sharing';
+import { getLayout } from '../../components/templates/layout/layout';
 import PageLayout, {
   type PageLayoutProps,
-} from '@components/templates/page/page-layout';
-import styles from '@styles/pages/project.module.scss';
+} from '../../components/templates/page/page-layout';
+import styles from '../../styles/pages/project.module.scss';
 import {
   type NextPageWithLayout,
   type ProjectPreview,
   type Repos,
-} from '@ts/types/app';
-import { loadTranslation, type Messages } from '@utils/helpers/i18n';
-import { getProjectData, getProjectFilenames } from '@utils/helpers/projects';
+} from '../../types/app';
+import { loadTranslation, type Messages } from '../../utils/helpers/i18n';
+import {
+  getProjectData,
+  getProjectFilenames,
+} from '../../utils/helpers/projects';
 import {
   getSchemaJson,
   getSinglePageSchema,
   getWebPageSchema,
-} from '@utils/helpers/schema-org';
-import { capitalize } from '@utils/helpers/strings';
-import useBreadcrumb from '@utils/hooks/use-breadcrumb';
-import useGithubApi, { type RepoData } from '@utils/hooks/use-github-api';
-import useSettings from '@utils/hooks/use-settings';
-import { MDXComponents, NestedMDXComponents } from 'mdx/types';
-import { GetStaticPaths, GetStaticProps } from 'next';
-import dynamic from 'next/dynamic';
-import Head from 'next/head';
-import { useRouter } from 'next/router';
-import Script from 'next/script';
-import { ComponentType } from 'react';
-import { useIntl } from 'react-intl';
+} from '../../utils/helpers/schema-org';
+import { capitalize } from '../../utils/helpers/strings';
+import useBreadcrumb from '../../utils/hooks/use-breadcrumb';
+import useGithubApi, { type RepoData } from '../../utils/hooks/use-github-api';
+import useSettings from '../../utils/hooks/use-settings';
 
 const BorderedImage = (props: ResponsiveImageProps) => {
   return <ResponsiveImage withBorders={true} {...props} />;